.eps-collapse {
	&__title {
		cursor: pointer;
		padding: spacing(5) 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		background: transparent;
		border: none;
		color: inherit;

		&:focus {
			outline: none;
		}
	}

	&__icon {
		transition: all 150ms;
		scale: calc(1 * var(--direction-multiplier)) 1; // Flip in RTL
	}

	&__content {
		margin-block-start: spacing(10);
		display: none;
	}

	&[data-open] &__content {
		display: block;
	}

	&[data-open] &__icon {
		transform: rotate(90deg);
	}
}
